<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html class="no-js" lang="ZXX">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Vistar - Clean, Minimal eCommerce HTML5 Template </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="assets/css/themify-icons.css">
        <link rel="stylesheet" href="assets/css/dripicons.css">
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/main.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
    </head>
    <body>


       <!-- header-start -->
       <header>
        
        <div id="sticky-header" class="main-menu-area pl-55 pr-55">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xl-3 col-lg-2 d-flex align-items-center">
                        <div class="logo">
                            <a href="index.html"><img src="assets/img/logo/logo.png" alt="" /></a>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-7">
                        <div class="header-search f-right d-none d-xl-block">
                            <form class="header-search-form">
                                <input placeholder="Search" type="text">
                                <button type="submit"><i class="dripicons-search"></i></button>
                            </form>
                        </div>
                        <div class="main-menu text-center">
                            <nav id="mobile-menu">
                                            <ul class="sub-menu text-left">
                                                <li><a href="Main.jsp">返回主页</a></li>
                                                <li><a href="LoginRegister.jsp">重新登陆</a></li>
                                            </ul>
                            </nav>
                        </div>
                    </div>
                   
                    <div class="col-12">
                        <div class="mobile-menu"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="extra-info">
            <div class="close-icon">
                <button>
                    <i class="far fa-window-close"></i>
                </button>
            </div>
            <div class="logo-side mb-30">
                <a href="index.html">
                    <img src="assets/img/logo/white.png" alt="" />
                </a>
            </div>
            <div class="side-info mb-30">
                <div class="contact-list mb-30">
                    <h4>Office Address</h4>
                    <p>123/A, Miranda City Likaoli
                        Prikano, Dope</p>
                </div>
                <div class="contact-list mb-30">
                    <h4>Phone Number</h4>
                    <p>+0989 7876 9865 9</p>
                    <p>+(090) 8765 86543 85</p>
                </div>
                <div class="contact-list mb-30">
                    <h4>Email Address</h4>
                    <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="20494e464f604558414d504c450e434f4d">[email&#160;protected]</a></p>
                    <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="513429303c213d347f3c30383d1139243c7f323e3c">[email&#160;protected]</a></p>
                </div>
            </div>
            <div class="instagram">
                <a href="#">
                    <img src="assets/img/portfolio/p1.jpg" alt="">
                </a>
                <a href="#">
                    <img src="assets/img/portfolio/p2.jpg" alt="">
                </a>
                <a href="#">
                    <img src="assets/img/portfolio/p3.jpg" alt="">
                </a>
                <a href="#">
                    <img src="assets/img/portfolio/p4.jpg" alt="">
                </a>
                <a href="#">
                    <img src="assets/img/portfolio/p5.jpg" alt="">
                </a>
                <a href="#">
                    <img src="assets/img/portfolio/p6.jpg" alt="">
                </a>
            </div>
            <div class="social-icon-right mt-20">
                <a href="#">
                    <i class="fab fa-facebook-f"></i>
                </a>
                <a href="#">
                    <i class="fab fa-twitter"></i>
                </a>
                <a href="#">
                    <i class="fab fa-google-plus-g"></i>
                </a>
                <a href="#">
                    <i class="fab fa-instagram"></i>
                </a>
            </div>
        </div>
        </header>
       <!-- header-end -->

        <main>

            <!-- breadcrumb-area-start -->
            <div class="breadcrumb-area grey-bg pt-155 pb-155">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="breadcrumb-text text-center">
                                <h1>活动抢票界面</h1>
                                <ul class="breadcrumb-menu">
                                    <li><a href="index.html">home</a></li>
                                    <li><span>活动抢票界面</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- breadcrumb-area-start -->
			<%
				String message=(String)session.getAttribute("message");
				if("".equals(message) && message == null){
					
				}else{%>
					<script type="text/javascript">
			       			alert("<%=message%>");
					</script>
				}
				<%session.setAttribute("message", ""); %>
			<% }%>
            <!-- Cart Area Strat-->
               <section class="cart-area pt-100 pb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <form action="#">
                                <div class="table-content table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th class="product-thumbnail">活动名称</th>
                                                <th class="cart-product-name">活动描述</th>
                                                <th class="product-price">剩余票数</th>
                                                <th class="product-quantity">抢票</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        	<c:forEach items="${activityInfo}" var="activity">
                                            	<tr>
                                                	<td class="product-thumbnail">${activity.getActivity_name()}</td>
                                                	<td class="product-name"><a href="#">${activity.getActivity_description()}</a></td>
                                                	<td class="product-price"><span class="amount">${activity.getRest_ticket()}</span></td>
                                                	<td class="product-quantity">
                                                    <a href="http://localhost:8080/phone-introduce/phone?method=grabTickets&activityName=${activity.getActivity_name()}&activityRestTicket=${activity.getRest_ticket()}" class="btn theme-btn-2">我抢！</a> 
                                                	</td>
                                            	</tr>
                                            </c:forEach>
                                        </tbody>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Cart Area End-->
    
    
        </main> 
        <!-- footer-start -->
        <footer>
            <div class="footer-area pt-100 pb-60 grey-bg pl-55 pr-55">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper mb-30">
                                <div class="footer-logo">
                                    <a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
                                </div>
                                <div class="footer-text pr-50">
                                  <p> But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was borna
                                    nd I will give you a complete account.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-6">
                            <div class="footer-wrapper ml-20 mb-30">
                                <h4 class="footer-title">Quick Link</h4>
                                <ul class="footer-menu footer-2-menu">
                                    <li><a href="#">About us</a></li>
                                    <li><a href="#">term</a></li>
                                    <li><a href="#">policy</a></li>
                                    <li><a href="#">service</a></li>
                                    <li><a href="#">My Account</a></li>
                                    <li><a href="#">Checkout</a></li>
                                    <li><a href="#">Order tracking</a></li>
                                    <li><a href="#">Help & Support</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-3">
                            <div class="footer-wrapper ml-70 mb-30">
                                <h4 class="footer-title">Contact Us</h4>
                                <ul class="footer-link">
                                    <li>Sagrada Familia, Herba <br>
                                        Street Front USA</li>
                                    <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="ea8b8e878384aa8f928b879a868fc4898587">[email&#160;protected]</a></li>
                                    <li>002- 01008431112</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-3">
                            <div class="footer-wrapper mb-30 ml-70">
                                <h4 class="footer-title">Follow Us</h4>
                                <ul class="footer-menu">
                                    <li><a href="#">Facebook/Vistar</a></li>
                                    <li><a href="#">Twitter/Vistar</a></li>
                                    <li><a href="#">Linkdin/Vistar</a></li>
                                    <li><a href="#">Skype_Vistar</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-5">
                            <div class="footer-wrapper mb-30">
                                <h4 class="footer-title">Sign up to Newsletter</h4>
                                <div class="footer-nfo">
                                    <p>But I must explain to you how all this mistak. </p>
                                </div>
                                <div class="newsletters-form">
                                    <form action="#">
                                        <input placeholder="Enter Your Email :" type="email">
                                        <button type="submit">subscribe</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom-area footer-2-bottom pt-25 pb-25 grey-bg pr-55 pl-55">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-8 col-lg-8 col-md-8">
                            <div class="copyright">
                                <p> Copyright <i class="far fa-copyright"></i> 2018 <a href="#">BDevs.</a> All Rights Reserved</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-4">
                            <div class="footer-bottom-img text-center text-lg-right">
                                <img src="assets/img/footer/01.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer-end -->




		<!-- JS here -->
        
		<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/jquery.countdown.min.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <script src="assets/js/ajax-form.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.scrollUp.min.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>